import styled from 'styled-components';

export const LeftPage = styled.div`
  width: 6.25rem;
  height: auto;
  padding: 0.2rem;
  padding-bottom: 0px;
`;

export const LeftTopBox = styled.div`
  position: relative;
  height: 4.375rem;
  width: 100%;
  .left-top-borderBox12 {
    width: inherit;
    height: inherit;
    padding: 0.1875rem;
    .left-top {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background-color: rgba(19, 25, 47, 0.6);
      .title-dis {
        margin-top: 0.4875rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 0.2rem;
        color: #c0c9d2;
        margin-bottom:0.30rem;
        &-keyword {
          padding-left: 0.125rem;
          padding-top: 0.20rem;
          font-size: 0.27rem;
          color: #47dae8;
        }
      }
    }
  }
`;
export const LeftBottomBox = styled.div`
  position: relative;
  margin-top: 0.25rem;
  height: 7.75rem;
  width: 100%;
  .online{
    margin:0.17rem auto 0;
    width:0.25rem;
    height:0.25rem;
    border-radius:50%;
    background:#30d873;
    &.red{
      background:red;
    }
    &.yellow{
      background:yellow;
    }
    &.green{
      background:green;
    }
  }
  .lamp-box{
    display:flex;

  }
  .icon-guizi,.icon-prj,.icon-weibolu{
    font-size:0.30rem;
    margin-right:0.12rem;
  }
  .is-rect{
    border-radius:0 !important;
  }
  .redcolor{
    color:red;
  }
  .greencolor{
    color:green
  }
  .graycolor{
    color:gray
  }
  .goods-list{
    width:350px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items:center;
    height:68px;
    padding:0 12px;
    box-sizing:border-box;
  }

  .row-item .ceil:nth-child(5){
    display:none;
  }
  .row-item .ceil:nth-child(6){
    display:none;
  }
  .dv-scroll-board .header .header-item{
    text-align:center;
  }
  .modul-title{
    text-align:center;
    padding:0.12rem 0;
    font-weight: bold;
    font-size: 16px;
  }
  .modul-box{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.15);
    z-index:21;
    top:0;
    left:0;
    display:flex;
    justify-content: center;
    align-items:center;
  }
  .modul{ 
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.15);
    z-index:21; 
  }
  .modul-pop{
    width:80%;
    height:80%;
    z-index:25;
    position:fixed;
    top:10%;
    left:10%;
    background:#fff
  }
  .modul-pop1{
    width:350px;
    min-height:200px;
    background:rgba(255,255,255,.75);
    z-index:999;
  }
  .vedio{
    width:1200px;
    height:600px;
  }
  .underline{
    margin:0.17rem auto 0;
    width:0.25rem;
    height:0.25rem;
    border-radius:50%;
    background:#ccc;
  }
  .ship-img{
    width:0.3rem;
    margin:0.13rem auto 0;
  }
  .left-bottom-borderBox13 {
    width: inherit;
    height: inherit;
    padding: 0.25rem 0.1875rem;
    .left-bottom {
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background-color: rgba(19, 25, 47, 0.6);
    }
  }
`;
